<template>
  <div>
    <div class="Guest">
      <search
          @result-click="resultClick"
          @on-change="getResult"
          :results="results"
          v-model="value"
          position="absolute"
          placeholder="名称或行业搜索"
          auto-scroll-to-top
          @on-focus="onFocus"
          @on-cancel="onCancel"
          @on-submit="onSubmit"
      ref="search"></search>
      <div class="bottomView">
        <ul class="list">
          <li class="listItem">
              <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1585132765502&di=d68abde323ca96ff1d81e8f82e7424a3&imgtype=0&src=http%3A%2F%2Ff.hiphotos.baidu.com%2Fzhidao%2Fpic%2Fitem%2F4b90f603738da977d4f1a49ab351f8198718e3a1.jpg" class="itemImg" />
              <div class="info">
                <p class="title">刘德华
                  <span class="choose">选择活动</span>
                </p>
                <p class="cellText">行业：保险｜平行进口车｜培训</p>
                <p class="cellText">手机号码：13919339486</p>
              </div>
          </li>
        </ul>

      </div>
    </div>
  </div>
</template>

<script >
import { Search } from 'vux'

export default {    
  name: 'Registered',
  data () {
    return {
      
    }
  },
  components: {
    Search
  },
  methods: {
    clickMe() {
      // var that = this;
      // alert(this.ckeckVal);
      
    },
    registereTapped() {
      // alert('跳转');
    }
  }
}
</script>


<style scoped>
  .Guest {
    width: 100%;
    height: 100%;
  }
  .bottomView {
    width: 100%;
    height: 100%;
  }
  .list {
      margin: 10px;
  }
  .itemImg {
    width: 100px;
    height: 100px;
    margin: 10px; 
  }
  .listItem {
    display: flex;
    background-color: white;
    border-radius: 7px;

  }
  .info {
    width: 100%;
    height: 100%;
  }
  .title {
    font-size: 18;
    margin-top: 10px;
    margin-left: 10px;
  }
  .cellText {
    font-size: 14px;
    color: rgb(117, 117, 117);
    margin-top: 15px;
    margin-left: 10px;
  }
  .choose {
    width: 70px;
    height: 20px;
    border-radius: 10px;
    color: white; 
    font-size: 14px;
    background-color: rgb(239, 193,108);
    text-align:center;
    display: inline-block;
    float: right;
    margin-right: 10px;
    /* position:absolute;
    right:10px;
    top:15px */


  }
</style>